﻿html
{
    
        background-color:#ccc;
}

body
{
        font-family:Calibri;
        color:Black;
        overflow:auto;
}

.cke_focus { outline:0 !important; }

#wrapper
{
    margin:0 auto;
    overflow:auto;
    position:relative;
}

#CssContent
{
    margin:0 auto;
    margin-top:100px;
    width:100%;
}

table.DataGrid
{
    margin:0 auto;    
}

.Hash
{

}

a
{
    color:#f59e13;
    text-decoration:none;
}

.ColorUserName
{
    color:#F59E13;
}

.Opacity
{
    opacity:0.1;
    filter:alpha(opacity=10); /* For IE8 and earlier */
}

#Administratie
{
    float:left;
}

span#UserName
{
    float:right;
}

.Hide
{
    display:none;
}

.DataGrid tr.alternate
{
   color:Black;
   background-color:White; 
}

.DataGrid tr.alternate:hover
{
    background-color:Gray;
}

.hover
{
    box-shadow:none;
    text-decoration:none;
    border:none;

}

   div.DataGrid .substring
{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    width: 300px;
	height:25px;
	line-height:25px;
    float:left;
   
    
}

 /* Datagrid */
        div#Filters
        {

        }
        div#Filters div.Item
        {
	        float:left;
	        margin-right:10px;
        }
        div#Filters div.Item label
        {
	        display:block;
	        font-weight:bold;
	        line-height:18px;
        }

        div.DataGrid
        {
	        background-color:#ffffff;
	        border-color:#606060;
	        border-style:solid;
	        border-width:1px 1px 0 1px;
	        height:275px;
        }
       
    div.DataGridFooter
       {
            background-image: linear-gradient(bottom, rgb(72,126,173) 21%, rgb(114,178,194) 50%, rgb(72,126,173) 94%);
            background-image: -o-linear-gradient(bottom, rgb(72,126,173) 21%, rgb(114,178,194) 50%, rgb(72,126,173) 94%);
            background-image: -moz-linear-gradient(bottom, rgb(72,126,173) 21%, rgb(114,178,194) 50%, rgb(72,126,173) 94%);
            background-image: -webkit-linear-gradient(bottom, rgb(72,126,173) 21%, rgb(114,178,194) 50%, rgb(72,126,173) 94%);
            background-image: -ms-linear-gradient(bottom, rgb(72,126,173) 21%, rgb(114,178,194) 50%, rgb(72,126,173) 94%);
            background-color:#185CC9;  
            background-image: -webkit-gradient(
	            linear,
	            left bottom,
	            left top,
	            color-stop(0.21, rgb(72,126,173)),
	            color-stop(0.5, rgb(114,178,194)),
	            color-stop(0.94, rgb(72,126,173))
            );
       }
            
       div.DataGrid tr.Header
       {
            background-image: linear-gradient(bottom, rgb(72,126,173) 21%, rgb(114,178,194) 50%, rgb(72,126,173) 94%);
            background-image: -o-linear-gradient(bottom, rgb(72,126,173) 21%, rgb(114,178,194) 50%, rgb(72,126,173) 94%);
            background-image: -moz-linear-gradient(bottom, rgb(72,126,173) 21%, rgb(114,178,194) 50%, rgb(72,126,173) 94%);
            background-image: -webkit-linear-gradient(bottom, rgb(72,126,173) 21%, rgb(114,178,194) 50%, rgb(72,126,173) 94%);
            background-image: -ms-linear-gradient(bottom, rgb(72,126,173) 21%, rgb(114,178,194) 50%, rgb(72,126,173) 94%);
            background-color:#185CC9;  
            background-image: -webkit-gradient(
	            linear,
	            left bottom,
	            left top,
	            color-stop(0.21, rgb(72,126,173)),
	            color-stop(0.5, rgb(114,178,194)),
	            color-stop(0.94, rgb(72,126,173))
            );

       }
        
        div.DataGrid table
        {
	        width:100%;
        }
        div.DataGrid table tr.Header
        {
	        background-color:#487ead;
		    background-repeat:repeat;
	        border-color:#606060;
	        border-style:dotted;
	        border-width:0 0 1px 0;
	        color:#f0f0f0;
	        height:25px;
	        line-height:25px;
        }
        div.DataGrid table tr td
        {
	        height:25px;
        }
        

        
        div.DataGrid table tr th
        {
	        text-align:left;
        }
        div.DataGrid table tr.Row1
        {
	        background-color:#ffffff;
	        cursor:pointer;
	        height:25px;
        }
        div.DataGrid table tr.Row2
        {
	        background-color:#efefef;
	        cursor:pointer;
	        height:25px;
        }
        div.DataGrid table tr td img
        {
	        border-width:0;
	        margin:3px;
        }
        div.DataGrid table tr.Row1:hover, div.DataGrid table tr.Row2:hover
        {
	        background-color:#dfdfdf;
        }

        div.DataGridFooter
        {
	        background-color:#487ead;
	        border-color:#606060;
	        border-style:solid;
	        border-width:0 1px 1px 1px;
	        color:#f0f0f0;
	        height:24px;
	        margin-bottom:10px;
        }
        div.DataGridFooter div.Arrows
        {
	        float:left;
	        width:96px;
        }
        div.DataGridFooter div.Arrows input
        {
	        background-color:Transparent;
	        border-width:0;
	        height:24px;
	        margin:0;
	        padding:0;
	        width:24px;
        }
        div.DataGridFooter span.Amounts
        {
	        display:block;
	        float:right;
	        line-height:24px;
	        padding-right:5px;
	        text-align:right;
	        width:96px;
        }
        div.DataGridFooter span.Pages
        {
	        display:block;
	        line-height:24px;
	        text-align:center;
        }
        div.DataGridButtons, div.DataGridButtons
        {
	        margin:10px 0 0 0;
        }
        div.DataGridButtons input, div.DataGridButtonsLookup input
        {
	        background-color:#d8d5d0;
	        border-bottom:solid 1px #404040;
	        border-left:solid 1px #d0d0d0;
	        border-right:solid 1px #404040;
	        border-top:solid 1px #d0d0d0;
	        cursor:pointer;
	        margin:0 5px 0 0;
	        width:100px;
        }
        div.DataGridButtonsLookup
        {
	        text-align:right;
        }
        div.DataGridButtonsLookup input
        {
	        margin:0 0 0 5px;
        }
.DataGrid tr.normal:hover
{
    background-color:Gray;
}

table  a
{
  color:Black;  
}

.DataGrid tr.header
{
     background-color:#4b83b1;
     color:Black;
     border-radius:10px;
}

.DataGrid tr.header a
{
     color:Black;
}

.DataGrid tr.normal a
{
    color:Black;
}

.DataGrid tr.normal
{
   background-color:White; 
       
}

.DataGridBoundField
{
    border:1px solid black;
    color:Black;
    padding:2px;
    font-size:10pt;
    text-align:center;
}

label.aName
{
    font-size:12pt;
    color:Black;
    font-weight:bold;
}

cke_browser_webkit
{
    outline:none;
}



.CkEditor
{
    border:1px solid black;
}



div
{
    outline:none;
    resize:none;  
}

.ErrorMsg
{
    color:red;
}
#Error img
{
      margin-top:10px;  
}
#Error
{
    height:40px;

    margin:0 auto;
    text-align:center;
}


#OutLog:hover
{
    color:Red;
    text-decoration:none;
}

#OutLog
{
    text-decoration:line-through;
}
.Logout
{
    float:right;
    margin-right:10px;
    color:White;
    font-weight:bold;
}

div.Close
{
    background-image:url('images/Close.png');
    width:24px;
    height:24px;
    float:right;
    padding:0;
    cursor:pointer;
    margin-top:-10px;
    margin-right:-10px; 
}


div#LoginExists
{
    min-width:100%;
    min-height:768px;
    background-color:#eee;
    border:1px solid black;
    margin:0 auto;
}

div#CheckLogin 
{ 
    display:none; 
    position:relative;
 }
 

.ErrorAfhandeling p
{
    line-height:40px;
    text-align:center;
}

.ContentAfhandeling p
{
    line-height:40px;
    text-align:center;
}

.ContentAfhandeling
{
    min-width:1061px;
    min-height:800px;
    background-color:#eee;
    border:1px solid black;
    box-shadow: 5px 5px 5px #888888;
}

.ErrorAfhandeling
{
    min-width:200px;
    min-height:60px;
    background-color:White;
    border:1px solid black;
    padding:10px;
    box-shadow: 5px 5px 5px #888888;
}



.CssContent
{

}

em
{
    color:Orange;
}

p.Error
{
    color:Red;
    margin:0;
    padding:0;
    font-size:10pt;
    font-weight:bold;
}

div.ImgLogin
{
    background-image:url('images/imgLogin.png');
    width:48px;
    height:48px;
    float:left;
}

.Button
{
    border-radius:5px;
    border:none;
background-image: linear-gradient(bottom, rgb(186,184,186) 37%, rgb(150,146,145) 69%, rgb(138,138,138) 85%);
background-image: -o-linear-gradient(bottom, rgb(186,184,186) 37%, rgb(150,146,145) 69%, rgb(138,138,138) 85%);
background-image: -moz-linear-gradient(bottom, rgb(186,184,186) 37%, rgb(150,146,145) 69%, rgb(138,138,138) 85%);
background-image: -webkit-linear-gradient(bottom, rgb(186,184,186) 37%, rgb(150,146,145) 69%, rgb(138,138,138) 85%);
background-image: -ms-linear-gradient(bottom, rgb(186,184,186) 37%, rgb(150,146,145) 69%, rgb(138,138,138) 85%);
background-color:Gray;  
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.37, rgb(186,184,186)),
	color-stop(0.69, rgb(150,146,145)),
	color-stop(0.85, rgb(138,138,138))
);

    color:Black;
    height:25px;
    line-height:20px;
    width:100px;
    cursor:pointer;
    text-align:center; 
}

.Button[disabled="disabled"],
.Button[disabled="disabled"]:hover
{
    border-radius:5px;
    background-color:#eee;
    color:#ccc;
    cursor:default;
    height:25px;
    line-height:20px;
    width:100px;
    text-align:center; 
}

.Button:hover
{
    background-color:Black;
    border:1px solid white;
    border-radius:5px;
    color:White;
}

input[type="text"], input[type="password"], textarea, select { 
    outline: none;
    border-radius:5px;
    border:1px solid black;
    text-indent:5px;
    color:#f59e13;
    font-weight:bold;
    height:26px;
    width:150px;
    padding:0;
    margin:0;
}

.txt
{
    float:left;
}

.lbl
{
    margin-right:100px;
    width:115px;
    float:left;
    font-weight:bold;
}

#LoginInner
{   
    width:370px;
    margin:0 auto;
    min-height:200px;
    margin-top:50px;
}

#Info
{
    height:50px;
    font-size:8pt;
    margin:0 auto;
    margin-left:0px;
    margin-top:25px;
    width:500px;
    float:left;
}

#divUsername
{
    float:left;
    margin-bottom:10px;
}

#divAdministration
{
    float:left;
    margin-bottom:10px;
}

#divPassword
{
    float:left;
    margin-bottom:10px;
}

.divButton
{
    float:right;
    bottom:0;
}

#divButtonLogin
{
 float:right;
 margin-top:20px;   
}

  
.divColumns
{
    min-height:42px;
    margin-bottom:5px;  
}

.divColumns2
{
    float:left;
    margin-bottom:30px;  
}

#imgRegister
{
    border:none;
    background:Transparant;
    float:left;
}


.img
{
    border-radius:10px;
}


#img
{
    border:none;
    background:Transparant;
    float:left;
}

input[readonly="readonly"].Details
{
    background-color:#ddd;
    color:#ccc;
}

input[type="text"].Details, input[type="password"].Details
{
   width:300px;
}

.divPagesInner
{
    width:100%;
    min-height:275px;
}

.divPages
{
    background-image: linear-gradient(bottom, rgb(45,104,234) 42%, rgb(72,136,255) 71%, rgb(101,164,255) 86%);
    background-image: -o-linear-gradient(bottom, rgb(45,104,234) 42%, rgb(72,136,255) 71%, rgb(101,164,255) 86%);
    background-image: -moz-linear-gradient(bottom, rgb(45,104,234) 42%, rgb(72,136,255) 71%, rgb(101,164,255) 86%);
    background-image: -webkit-linear-gradient(bottom, rgb(45,104,234) 42%, rgb(72,136,255) 71%, rgb(101,164,255) 86%);
    background-image: -ms-linear-gradient(bottom, rgb(45,104,234) 42%, rgb(72,136,255) 71%, rgb(101,164,255) 86%);
    background-color:#185CC9;  
    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.42, rgb(45,104,234)),
	    color-stop(0.71, rgb(72,136,255)),
	    color-stop(0.86, rgb(101,164,255))
    );
   color: White;
   margin:0 auto;
   padding:10px;
   border:3px solid black;
   overflow:hidden;
   border-radius:10px;
   position:static;
}

.divPagesInnerInner
{
    width:300px;
}

.HeaderText
{
    color:White;
    width:300px;
    margin-bottom:10px;
    line-height:32px;
    font-weight:bold;
    font-size:16pt;
    margin-left:20px;
}

#PagesHeaderText
{
    color:White;
    width:300px;
    margin-bottom:10px;
    line-height:32px;
    font-weight:bold;
    font-size:16pt;
    margin-left:20px;
}

#LoginHeaderText
{
    color:White;
    width:200px;
    line-height:43px;
    font-weight:bold;
    font-size:16pt;
    margin-left:20px;
}

.HeaderText
{
    color:White;
    line-height:35px;
    font-weight:bold;
    font-size:16pt;
    margin-bottom:10px;
    width:300px;
    margin-left:10px;
}


#RegisterHeaderText
{
    color:White;
    line-height:43px;
    font-weight:bold;
    font-size:16pt;
    margin-bottom:10px;
    margin-left:20px;
}

div#Login
{
    background-image: linear-gradient(bottom, rgb(45,104,234) 42%, rgb(72,136,255) 71%, rgb(101,164,255) 86%);
    background-image: -o-linear-gradient(bottom, rgb(45,104,234) 42%, rgb(72,136,255) 71%, rgb(101,164,255) 86%);
    background-image: -moz-linear-gradient(bottom, rgb(45,104,234) 42%, rgb(72,136,255) 71%, rgb(101,164,255) 86%);
    background-image: -webkit-linear-gradient(bottom, rgb(45,104,234) 42%, rgb(72,136,255) 71%, rgb(101,164,255) 86%);
    background-image: -ms-linear-gradient(bottom, rgb(45,104,234) 42%, rgb(72,136,255) 71%, rgb(101,164,255) 86%);
    background-color:#185CC9;  
    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.42, rgb(45,104,234)),
	    color-stop(0.71, rgb(72,136,255)),
	    color-stop(0.86, rgb(101,164,255))
    );
   color: White;
   margin:0 auto;
   margin-top:100px;
   padding:10px;
   border:3px solid black;
   border-radius:10px;
   width:500px;
   height:300px;

}

#Footer
{
    width:100%;
    height:30px;
    margin:0 auto;
    background-image: linear-gradient(bottom, rgb(45,104,234) 42%, rgb(72,136,255) 71%, rgb(101,164,255) 86%);
    background-image: -o-linear-gradient(bottom, rgb(45,104,234) 42%, rgb(72,136,255) 71%, rgb(101,164,255) 86%);
    background-image: -moz-linear-gradient(bottom, rgb(45,104,234) 42%, rgb(72,136,255) 71%, rgb(101,164,255) 86%);
    background-image: -webkit-linear-gradient(bottom, rgb(45,104,234) 42%, rgb(72,136,255) 71%, rgb(101,164,255) 86%);
    background-image: -ms-linear-gradient(bottom, rgb(45,104,234) 42%, rgb(72,136,255) 71%, rgb(101,164,255) 86%);

    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.42, rgb(45,104,234)),
	    color-stop(0.71, rgb(72,136,255)),
	    color-stop(0.86, rgb(101,164,255))
    );
    position:fixed;
    margin:0;
    left:0;
    bottom:0;
    padding:0; 
    background-color:#185CC9;  
}

#Menu
{
    left:0;
    margin-left:10px;    
}

#Header
{
    width:100%;
    height:70px;
    margin:0 auto;
    background-image: linear-gradient(bottom, rgb(45,104,234) 42%, rgb(72,136,255) 71%, rgb(101,164,255) 86%);
    background-image: -o-linear-gradient(bottom, rgb(45,104,234) 42%, rgb(72,136,255) 71%, rgb(101,164,255) 86%);
    background-image: -moz-linear-gradient(bottom, rgb(45,104,234) 42%, rgb(72,136,255) 71%, rgb(101,164,255) 86%);
    background-image: -webkit-linear-gradient(bottom, rgb(45,104,234) 42%, rgb(72,136,255) 71%, rgb(101,164,255) 86%);
    background-image: -ms-linear-gradient(bottom, rgb(45,104,234) 42%, rgb(72,136,255) 71%, rgb(101,164,255) 86%);

    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.42, rgb(45,104,234)),
	    color-stop(0.71, rgb(72,136,255)),
	    color-stop(0.86, rgb(101,164,255))
    );
    background-color:#185CC9;  
    position:fixed;
    z-index:14;
    
    margin:0;
    left:0;
    top:0;
    padding:0;   
    border-bottom:3px solid Black;
}



#Footer div
{
    border-top:3px solid Black;
    text-align:center;
    line-height:26px;
    padding-left:10px;
    padding-right:10px;
    margin:0 auto;
    color:White;
    font-weight:bold;
    font-size:12pt;
}

.fancybox-iframe
{
    overflow:none;
}
#FramePicture
{
    width:150px;
    height:170px;
    position:relative;
    float:right;
    right:0;
}
.DownloadPicture
{
      z-index:11;
      cursor:default;
      position:absolute;
      right:10px;
      height:16px;
      width:16px;
      top:10px;
      background-repeat:no-repeat;
      background-image:url('../images/download.png');
      background:Transparant;
      border:0;
      border:none;
}
.MasterUser
{
    font-size:7pt;
    height:20px;
    right:18px;
    float:left;
     
}
#PhotoHeader
{
    font-size:14pt;
    color:#F59E13;
    font-weight:bold;
    margin-top:15px;
    height:70px;
    float:right;
    margin-right:15px;
}

.HeaderUserName
{
    float:right;
    right:20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.FancyPhotoHeader
{
    width:50px;
    height:50px;
    float:right;
    margin-top:8px;
    margin-right:10px;
    border-radius:10px;
    background:Transparent;
    border:2px solid black;
    background-color:Gray;
}

.FancyPhoto
{
    width:150px;
    height:170px;
    float:right;
    border-radius:10px;
    background:Transparent;
    border:2px solid black;
    background-color:Gray;
}

.PictureText
{
  z-index:3;
  text-shadow: 1px 1px Gray;
  position:absolute;
  width:150px;
  margin-top:145px;
  border-radius:10px;
  height:30px;
  color:#F59E13;
  font-weight:bold;
  text-align:center;  
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}

.PictureBar
{
    width:150px;
    margin-top:140px;
    height:30px;
    z-index:1;
    position:absolute;
    background-color:White;
    border-radius:10px;
    opacity:0.5;
    filter:alpha(opacity=50); /* For IE8 and earlier */
}